﻿<!DOCTYPE html>
<html>
  <head>
    <title>01 选择服务</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/01_选择服务/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/01_选择服务/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u347" class="ax_default image">
        <img id="u347_img" class="img " src="images/01_选择服务/u347.png"/>
        <!-- Unnamed () -->
        <div id="u348" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u349" class="ax_default image">
        <img id="u349_img" class="img " src="images/01_选择服务/u347.png"/>
        <!-- Unnamed () -->
        <div id="u350" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u351" class="ax_default _连接线">
        <img id="u351_seg0" class="img " src="images/01_区域选择/u94_seg0.png" alt="u351_seg0"/>
        <!-- Unnamed () -->
        <div id="u352" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u353" class="ax_default _文本段落">
        <div id="u353_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u354" class="text" style="visibility: visible;">
          <p><span>页面分解与内容说明</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u355" class="ax_default _连接线">
        <img id="u355_seg0" class="img " src="images/01_区域选择/u94_seg0.png" alt="u355_seg0"/>
        <!-- Unnamed () -->
        <div id="u356" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u357" class="ax_default _连接线">
        <img id="u357_seg0" class="img " src="images/01_区域选择/u94_seg0.png" alt="u357_seg0"/>
        <!-- Unnamed () -->
        <div id="u358" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (表格) -->
      <div id="u359" class="ax_default _表格">

        <!-- Unnamed (单元格) -->
        <div id="u360" class="ax_default _单元格">
          <img id="u360_img" class="img " src="images/02_首页/u284.png"/>
          <!-- Unnamed () -->
          <div id="u361" class="text" style="visibility: visible;">
            <p><span>序号</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u362" class="ax_default _单元格">
          <img id="u362_img" class="img " src="images/02_首页/u286.png"/>
          <!-- Unnamed () -->
          <div id="u363" class="text" style="visibility: visible;">
            <p><span>模块</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u364" class="ax_default _单元格">
          <img id="u364_img" class="img " src="images/02_首页/u288.png"/>
          <!-- Unnamed () -->
          <div id="u365" class="text" style="visibility: visible;">
            <p><span>类型</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u366" class="ax_default _单元格">
          <img id="u366_img" class="img " src="images/02_首页/u290.png"/>
          <!-- Unnamed () -->
          <div id="u367" class="text" style="visibility: visible;">
            <p><span>触发动作</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u368" class="ax_default _单元格">
          <img id="u368_img" class="img " src="images/02_首页/u292.png"/>
          <!-- Unnamed () -->
          <div id="u369" class="text" style="visibility: visible;">
            <p><span>逻辑</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u370" class="ax_default _单元格">
          <img id="u370_img" class="img " src="images/02_首页/u294.png"/>
          <!-- Unnamed () -->
          <div id="u371" class="text" style="visibility: visible;">
            <p><span>文案</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u372" class="ax_default _单元格">
          <img id="u372_img" class="img " src="images/01_选择服务/u372.png"/>
          <!-- Unnamed () -->
          <div id="u373" class="text" style="visibility: visible;">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u374" class="ax_default _单元格">
          <img id="u374_img" class="img " src="images/01_选择服务/u374.png"/>
          <!-- Unnamed () -->
          <div id="u375" class="text" style="visibility: visible;">
            <p><span>导航条</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u376" class="ax_default _单元格">
          <img id="u376_img" class="img " src="images/01_选择服务/u376.png"/>
          <!-- Unnamed () -->
          <div id="u377" class="text" style="visibility: visible;">
            <p><span>文本</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u378" class="ax_default _单元格">
          <img id="u378_img" class="img " src="images/01_选择服务/u378.png"/>
          <!-- Unnamed () -->
          <div id="u379" class="text" style="visibility: visible;">
            <p><span>点击</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u380" class="ax_default _单元格">
          <img id="u380_img" class="img " src="images/01_选择服务/u380.png"/>
          <!-- Unnamed () -->
          <div id="u381" class="text" style="visibility: visible;">
            <p><span>1、用户点击对应栏目切换不同服务项目 ，对应栏目的字体放大。</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u382" class="ax_default _单元格">
          <img id="u382_img" class="img " src="images/01_选择服务/u382.png"/>
          <!-- Unnamed () -->
          <div id="u383" class="text" style="visibility: visible;">
            <p><span>1、地库站</span></p><p><span>2、车位洗车</span></p><p><span>3、漆面修复</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u384" class="ax_default _单元格">
          <img id="u384_img" class="img " src="images/01_选择服务/u384.png"/>
          <!-- Unnamed () -->
          <div id="u385" class="text" style="visibility: visible;">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u386" class="ax_default _单元格">
          <img id="u386_img" class="img " src="images/01_选择服务/u386.png"/>
          <!-- Unnamed () -->
          <div id="u387" class="text" style="visibility: visible;">
            <p><span>服务详情</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u388" class="ax_default _单元格">
          <img id="u388_img" class="img " src="images/01_选择服务/u388.png"/>
          <!-- Unnamed () -->
          <div id="u389" class="text" style="visibility: visible;">
            <p><span>图标</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u390" class="ax_default _单元格">
          <img id="u390_img" class="img " src="images/01_选择服务/u390.png"/>
          <!-- Unnamed () -->
          <div id="u391" class="text" style="visibility: visible;">
            <p><span>点击</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u392" class="ax_default _单元格">
          <img id="u392_img" class="img " src="images/01_选择服务/u392.png"/>
          <!-- Unnamed () -->
          <div id="u393" class="text" style="visibility: visible;">
            <p><span>1、点击[详情]图标，弹出&lt;服务详情&gt;浮层，如右图所示。</span></p><p><span>2、点击&lt;服务详情&gt;关闭按钮，回到&lt;选择服务&gt;页。</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u394" class="ax_default _单元格">
          <img id="u394_img" class="img " src="images/01_选择服务/u394.png"/>
          <!-- Unnamed () -->
          <div id="u395" class="text" style="visibility: visible;">
            <p><span>1、服务详情页：</span><span style="color:#FF0000;">具体文案由市场部、运维部提供</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u396" class="ax_default _单元格">
          <img id="u396_img" class="img " src="images/01_选择服务/u396.png"/>
          <!-- Unnamed () -->
          <div id="u397" class="text" style="visibility: visible;">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u398" class="ax_default _单元格">
          <img id="u398_img" class="img " src="images/01_选择服务/u398.png"/>
          <!-- Unnamed () -->
          <div id="u399" class="text" style="visibility: visible;">
            <p><span>服务列表</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u400" class="ax_default _单元格">
          <img id="u400_img" class="img " src="images/01_选择服务/u400.png"/>
          <!-- Unnamed () -->
          <div id="u401" class="text" style="visibility: visible;">
            <p><span>列表</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u402" class="ax_default _单元格">
          <img id="u402_img" class="img " src="images/01_选择服务/u402.png"/>
          <!-- Unnamed () -->
          <div id="u403" class="text" style="visibility: visible;">
            <p><span>点击/左右滑动</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u404" class="ax_default _单元格">
          <img id="u404_img" class="img " src="images/01_选择服务/u404.png"/>
          <!-- Unnamed () -->
          <div id="u405" class="text" style="visibility: visible;">
            <p><span>1、列表内容包括图片、服务名称、耗时、详情、原价、推广价、有券可用提示。</span></p><p><span>2、没有推广价服务只显示原价。</span></p><p><span>3、有优惠券的服务在列表中提示【有券可用】标签。</span></p><p><span>4、点击服务列表进入&lt;登记信息&gt;页。</span></p><p><span>5、服务列表左右活动，与顶部导航条效果一致</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u406" class="ax_default _单元格">
          <img id="u406_img" class="img " src="images/01_选择服务/u406.png"/>
          <!-- Unnamed () -->
          <div id="u407" class="text" style="visibility: visible;">
            <p><span>1、待定：图片、详情由市场部提供</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u408" class="ax_default _连接线">
        <img id="u408_seg0" class="img " src="images/01_选择服务/u408_seg0.png" alt="u408_seg0"/>
        <img id="u408_seg1" class="img " src="images/01_选择服务/u408_seg1.png" alt="u408_seg1"/>
        <img id="u408_seg2" class="img " src="images/01_选择服务/u408_seg2.png" alt="u408_seg2"/>
        <img id="u408_seg3" class="img " src="images/01_选择服务/u408_seg3.png" alt="u408_seg3"/>
        <!-- Unnamed () -->
        <div id="u409" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u410" class="ax_default _连接线">
        <img id="u410_seg0" class="img " src="images/01_选择服务/u410_seg0.png" alt="u410_seg0"/>
        <img id="u410_seg1" class="img " src="images/01_选择服务/u410_seg1.png" alt="u410_seg1"/>
        <img id="u410_seg2" class="img " src="images/01_选择服务/u410_seg2.png" alt="u410_seg2"/>
        <img id="u410_seg3" class="img " src="images/01_选择服务/u408_seg3.png" alt="u410_seg3"/>
        <!-- Unnamed () -->
        <div id="u411" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u412" class="ax_default _连接线">
        <img id="u412_seg0" class="img " src="images/01_选择服务/u412_seg0.png" alt="u412_seg0"/>
        <img id="u412_seg1" class="img " src="images/01_选择服务/u412_seg1.png" alt="u412_seg1"/>
        <!-- Unnamed () -->
        <div id="u413" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u414" class="ax_default image">
        <img id="u414_img" class="img " src="images/01_选择服务/u414.png"/>
        <!-- Unnamed () -->
        <div id="u415" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u416" class="ax_default _连接线">
        <img id="u416_seg0" class="img " src="images/01_选择服务/u410_seg0.png" alt="u416_seg0"/>
        <img id="u416_seg1" class="img " src="images/01_选择服务/u410_seg1.png" alt="u416_seg1"/>
        <img id="u416_seg2" class="img " src="images/01_选择服务/u410_seg2.png" alt="u416_seg2"/>
        <img id="u416_seg3" class="img " src="images/01_选择服务/u408_seg3.png" alt="u416_seg3"/>
        <!-- Unnamed () -->
        <div id="u417" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u418" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u419" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u420" class="ax_default">
      </div>
    </div>
  </body>
</html>
